import { useState } from "react";
import "./index.less";
import { message } from "antd";
import { request } from "../../../../../../../common/request";
import { urls } from "../../../../../../../common/urls";


function AccountCancelLation() {

  const canCancel = () => {
    request({
      method: "post",
      data: {
        method: urls.canCancel
      },
    }).then((res: any) => {
      submitCancel();
    }).catch((err) => {
      message.error(err);
    })
  };

  const submitCancel = () => {
    request({
      method: "post",
      data: {
        method: urls.submitCancel
      },
    }).then((res: any) => {
      message.success(res.msg);
    }).catch((err) => {
      message.error(err);
    });
  }

  return (
    <>
      <div className="account-page text-style">
        <div className="account-title">注销账户</div>
        <div>
          账号注销须知:<br />
          1、我们将在3日内完成注销审核，在审核期间可取消注销，审核后注销成功；<br />
          2、账号一旦注销，您将无法登录、使用该账号，也就是说您将无法再以此账号登录/使用继续使用漫游星球 的相关产品与服务；<br />
          3、账号一旦注销，您曾通过该账号登录、使用的产品与服务下的所有内容、信息、数据、记录将会被后除或匿名化处理，您也无法再检索、访问、获取、继续使用和找回，也无权要求我们找回(但法律法规另有规定或监管部门另有要求的除外)，包括:该账号下的个人资料《例如:头像、昵称) 及绑定信息(例如:绑定手机号、微信号) : 该账号下的您的个人信息;该账号曾发表的所有内容 (例如:图片、照片、评论、互动、点赞);其他所有内容、信息数据、记录；<br />
          4、账号一旦注销，您与我们曾签署过的相关用户协议、其他权利义务性文件等相应终止(但我们与您之间已约定继项生效的或法律法规另有规定的除外);<br />
          5、账号注销后，您的钱包余额权益梅被完全删除。
        </div>
        <div className="account-btn" onClick={ canCancel }>确认注销</div>
      </div>
    </>
  );
}

export default AccountCancelLation;
